<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'contact.label', default: 'Contact')}"/>
    <title>生成报告</title>
    <style>
    .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
        border: 1px solid #000;
    }
    .text-top{
        vertical-align: top!important;
    }
    .text-bottom{
        vertical-align: bottom!important;
    }
    input{
        width: 100%;
        outline: none;
        border: none;
    }
    .inputBig{
        width:40px;
    }
    @media print {
        .printBtn{
            display: none;
        }
        @page {
            size: auto;  /* auto is the initial value */
            margin: 0mm; /* this affects the margin in the printer settings */
        }
        .panel-heading{
            display: none;
        }
        .content{
            padding:0;
        }
        .hpanel.hblue .panel-body{
            border: none;
        }
        .panel-body{
            padding: 0;
        }
        .table-responsive{
            height: 800px;
            overflow: hidden;
        }
    }
    </style>
</head>

<body>

    <div class="content animate-panel">
        <div class="hpanel hblue">
            <div class="panel-heading">
                <div class="panel-tools">
                    <button class="btn btn-info btn-xs" type="submit" onclick="window.print();"><i class="fa fa-search"></i> 打印</button>
                </div>
                &nbsp;
            </div>

            <div class="panel-body">
                <div class="col-md-6 col-md-offset-3">
                    <div class="table-responsive">
                        <table cellpadding="1" cellspacing="1" class="table table-bordered text-center" id = "table">
                            <tr>
                                <td>借款人姓名</td>
                                <td colspan="5" align="left"><input type="text" name="" value="${contact.fullName}"></td>
                            </tr>
                            <tr>
                                <td width="16.7%" style="padding: 0">贷款账号</td>
                                <td width="16.7%"><input type="text" name=""></td>
                                <td width="16.7%">借款合同号</td>
                                <td width="16.7%"><input type="text" name=""></td>
                                <td width="16.7%">借据编号</td>
                                <td width="16.7%"><input type="text" name=""></td>
                            </tr>

                            <tr>
                                <td width="100">贷款金额（大写）</td>
                                <td colspan="2" align="left"><input type="text" name=""></td>
                                <td width="100" align="left">贷款起止日</td>
                                <td colspan="3" align="left"><input type="text" name=""></td>
                            </tr>

                            <tr>
                                <td rowspan="2">资金使用情况</td>
                                <td align="left" colspan="2" class="text-top">工作单位、住址变化</td>
                                <td align="left" colspan="3">
                                    <input type="radio" name="radios" checked style="width: 15px;"> 有 &nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="radios" style="width: 15px;"> 无<br>
                                    新联系方式及地址：<input type="text" name="" style="width: 58%">
                                </td>
                            </tr>

                            <tr>
                                <td colspan="2" align="left">收入、健康及婚姻变化</td>
                                <td colspan="3" align="left"><input type="text" name=""></td>
                            </tr>

                            <tr>
                                <td rowspan="2">资金使用情况</td>
                                <td colspan="2" align="left">合同规定用途</td>
                                <td colspan="3" align="left"><input type="text" name="" value="客户经理填"></td>

                            </tr>

                            <tr>
                                <td colspan="2" align="left">实际用途</td>
                                <td colspan="3" align="left"><input type="text" name="" value="客户经理填"></td>
                            </tr>

                            <tr>
                                <td>保证担保情况</td>
                                <td class="text-left" colspan="5"><input type="text" name="" value="系统"></td>
                            </tr>

                            <tr>
                                <td>抵质押物情况</td>
                                <td class="text-left" colspan="5"><input type="text" name="" value="系统"></td>
                            </tr>

                            <tr>
                                <td>还本付息情况</td>
                                <td class="text-left" colspan="6"><input type="text" name="" value="系统"></td>
                            </tr>

                            <tr>
                                <td>其他情况</td>
                                <td class="text-left" colspan="6"><input type="text" name="" value="系统"></td>
                            </tr>

                            <tr >
                                <td>是否调整授信额度和授信期限</td>
                                <td class="text-left text-top" colspan="6"><input type="text" name="" value="输入"></td>
                                <td class="printBtn" id="addRow" style="border: none; border-right: 1px solid #fff;font-weight: bold;font-size: 18px; cursor: pointer">+</td>
                            </tr>

                            <tr id = "break">
                                <td>检查及处理意见</td>
                                <td class="text-left" colspan="6"><input type="text" name="" value="反馈问题，触发风险内容"></td>
                            </tr>

                            <tr>
                                <td>经办行主办调查岗意见</td>
                                <td colspan="5" class="text-bottom">
                                    <div><input type="text" name=""></div>
                                    <div class="pull-left">主办调查岗签章：</div>
                                    <div class="pull-right"><input type="text" class="inputBig" name="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">日</div>
                                </td>
                            </tr>

                            <tr>
                                <td>经办行负责人意见</td>
                                <td colspan="5" class="text-bottom">
                                <div>
                                    <input type="text" name=""></div>
                                    <div class="pull-left">经办行负责人签名：</div>
                                    <div class="pull-right"><input type="text" class="inputBig" name="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">日</div>
                                </td>
                            </tr>

                            <tr>
                                <td>零售信贷中心贷后管理岗意见</td>
                                <td colspan="5" class="text-bottom">
                                    <div><input type="text" name=""></div>
                                    <div class="pull-left">零售信贷中心贷后管理岗签名：</div>
                                    <div class="pull-right"><input type="text" class="inputBig" name="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">日</div>
                                </td>
                            </tr>

                            <tr>
                                <td>零售信贷中心负责人意见</td>
                                <td colspan="5" class="text-bottom">
                                    <div><input type="text" name=""></div>
                                    <div class="pull-left">零售信贷中心主任签名：</div>
                                    <div class="pull-right"><input type="text" class="inputBig" name="">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="inputBig" name="">日</div>
                                </td>
                            </tr>



                        </table>
                    </div>
                    <label style="width: 100%; margin-top: 10px" class="text-right">检查时间：<span class=""><input type="text" class="inputBig" name="">年</span><span class=""><input type="text" class="inputBig" name="">月</span><span class=""><input type="text" class="inputBig" name="">日</span></label>
                </div>
            </div>
        </div>

    </div>
<g:javascript>
    $(function(){
        var table1 = $("#break");
        $("#addRow").click(function(){
            debugger
            var str = '<tr>'+
            '<td><input type="text" name="" style="text-align:center;"></td>'+
            '<td class="text-left" colspan="6"><input type="text" name=""></td>'+
            '<td class="printBtn removeRow"  style="border: none; border-right: 1px solid #fff;font-weight: bold;font-size: 18px; cursor: pointer">-</td>'+
            '</tr>'
            $("body").on("click",".removeRow",function(){
                $(this).parent().remove()
            })
            table1.before(str);
        })
    })

</g:javascript>
</body>

</html>
